<template>
  <div>
    <h2>Views 新闻详情 - {{ $route.params.id }}</h2>
    <h2>Views 新闻详情 - {{ id }}</h2>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id: "",
    };
  },
  created() {
    this.id = this.$route.params.id;
  },
  // watch: {
  //   "$route.params.id"() {
  //     this.id = this.$route.params.id;
  //   },
  // },
  beforeRouteUpdate(to, from, next){
    // 这里是不是就不需要使用 this.$route.params.id
    console.log(to.params.id);
    this.id = to.params.id;
    console.log("路由更新之前");
    next();
  }
};
</script>

<style>
</style>